<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es-ES" lang="es-ES">

<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Chordata" />
    <meta name="Robots" content="index,follow" />

	<title>Chordata basic page</title>
    
    <link type="text/css" title="www" rel="stylesheet" href="css/ui-lightness/jquery-ui-1.8.17.custom.css" />
    <link type="text/css" title="www" rel="stylesheet" href="css/base.css" />
    
	<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
	<script type="text/javascript" src="js/ui/jquery-ui-1.8.17.custom.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="js/ui/jquery.ui.sortable.js"></script>

	<style>
	#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
	#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
	html>body #sortable li { height: 1.5em; line-height: 1.2em; }
	.ui-state-highlight { height: 1.5em; line-height: 1.2em; }
	</style>
	<script>
	$(function() {
		$( "#sortable" ).sortable({
			placeholder: "ui-state-highlight"
		});
		$( "#sortable" ).disableSelection();
	});
	</script>
</head>

<body>

<div id="wrapper">
    <div id="banner"> 
         <div id="logo"><img src="img/chordata_dis2_120.jpg" /></div>   
    </div>
    <div id="main">    
        <ul id="sortable">
        	<li class="ui-state-default">Item 1</li>
        	<li class="ui-state-default">Item 2</li>
        	<li class="ui-state-default">Item 3</li>
        	<li class="ui-state-default">Item 4</li>
        	<li class="ui-state-default">Item 5</li>
        	<li class="ui-state-default">Item 6</li>
        	<li class="ui-state-default">Item 7</li>
        </ul>
        <br />
        <input type="text" name="date" id="date" />
    </div>
</div>

</body>
</html>

